import React from 'react';

interface Props {
  children: React.ReactElement | string;
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
}

export function BannerButton({ children, onClick }: Props) {
  return (
    <button
      onClick={onClick}
      className="appearance-none outline-none p-3 flex items-center rounded-md hover:bg-gray-50 active:bg-gray-100 cursor-pointer"
    >
      {children}
    </button>
  );
}
